/*!
 * Commonly used with style v1.1.0
 * https://gitee.com/lei-xiaosu/tuning.git
 *
 * copyrighter：leixiaosu
 * Welcome to download to use problems were put forward
 *
 * This is an original version, you can download compressed version by remote warehouse address and the use of the document
 * https://gitee.com/lei-xiaosu/tuning/blob/master/general/general.min.js
 *
 * Date: 2022-10-30 15:56:32
 */

/* 内外补白 */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
/* 初始化图片尺寸 */
img {
  width: 100%;
  height: 100%;
}
.g-s-100{
    width: 100%;
    height: 100%;
}
.g-s-100v{
    width: 100vw;
    height: 100vh;
}
/* 鼠标样式 */
.g-cur-de{
    cursor: default;
}
.g-cur-help{
    cursor:help;
}
.g-cur-wait{
    cursor:wait;
}
.g-cur-cro{
    cursor:crosshair;
}
.g-cur-y{
    cursor:s-resize;
}
.g-cur-x{
    cursor:w-resize;
}
.g-cur-lr{
    cursor:se-resize;
}
.g-cur-y{
    cursor:ne-resize;
}
.g-cur-text{
    cursor:text;
}
.g-cur-move{
    cursor:move;
}
.g-cur-poi{
    cursor:pointer;
}
/* 过渡 */
.g-tr2{
    transition: all .2s;
}
.g-tr2{
    transition: all .4s;
}
.g-tr2{
    transition: all .6s;
}
.g-tr2{
    transition: all .8s;
}
.g-tr2{
    transition: all 1s;
}
/* 字体位置 */
.g-t-center{
    text-align: center;
}
.g-t-left{
    text-align: left;
}
.g-t-right{
    text-align: right;
}
/* 背景图片 */
.g-bgc-xy{
    background-size:100% 100%;
    background-repeat: no-repeat;
}
.g-bgc-x{
    background-size:100% auto;
    background-repeat: no-repeat;
}
.g-bgc-y{
    background-size:auto 100%;
    background-repeat: no-repeat;
}
/* 字体大小0.6em~3.0em */
.g-text-9em {
  font-size: 0.9em;
}
.g-text-8em {
  font-size: 0.8em;
}
.g-text-6em {
  font-size: 0.6em;
}
.g-text-11em {
  font-size: 1.1em;
}
.g-text-12em {
  font-size: 1.2em;
}
.g-text-13em {
  font-size: 1.3em;
}
.g-text-14em {
  font-size: 1.4em;
}
.g-text-15em {
  font-size: 1.5em;
}
.g-text-16em {
  font-size: 1.6em;
}
.g-text-17em {
  font-size: 1.7em;
}
.g-text-18em {
  font-size: 1.8em;
}
.g-text-19em {
  font-size: 1.9em;
}
.g-text-20em {
  font-size: 2em;
}
.g-text-21em {
  font-size: 2.1em;
}
.g-text-22em {
  font-size: 2.2em;
}
.g-text-23em {
  font-size: 2.3em;
}
.g-text-24em {
  font-size: 2.4em;
}
.g-text-25em {
  font-size: 2.5em;
}
.g-text-26em {
  font-size: 2.6em;
}
.g-text-27em {
  font-size: 2.7em;
}
.g-text-28em {
  font-size: 2.8em;
}
.g-text-29em {
  font-size: 2.9em;
}
.g-text-30em {
  font-size: 3em;
}

/* 字体大小0.6em~3.0em + 字体加粗*/
.g-text-9em-b {
  font-size: 0.9em;
  font-weight: bolder;
}
.g-text-8em-b {
  font-size: 0.8em;
  font-weight: bolder;
}
.g-text-6em-b {
  font-size: 0.6em;
  font-weight: bolder;
}
.g-text-11em-b {
  font-size: 1.1em;
  font-weight: bolder;
}
.g-text-12em-b {
  font-size: 1.2em;
  font-weight: bolder;
}
.g-text-13em-b {
  font-size: 1.3em;
  font-weight: bolder;
}
.g-text-14em-b {
  font-size: 1.4em;
  font-weight: bolder;
}
.g-text-15em-b {
  font-size: 1.5em;
  font-weight: bolder;
}
.g-text-16em-b {
  font-size: 1.6em;
  font-weight: bolder;
}
.g-text-17em-b {
  font-size: 1.7em;
  font-weight: bolder;
}
.g-text-18em-b {
  font-size: 1.8em;
  font-weight: bolder;
}
.g-text-19em-b {
  font-size: 1.9em;
  font-weight: bolder;
}
.g-text-20em-b {
  font-size: 2em;
  font-weight: bolder;
}
.g-text-21em-b {
  font-size: 2.1em;
  font-weight: bolder;
}
.g-text-22em-b {
  font-size: 2.2em;
  font-weight: bolder;
}
.g-text-23em-b {
  font-size: 2.3em;
  font-weight: bolder;
}
.g-text-24em-b {
  font-size: 2.4em;
  font-weight: bolder;
}
.g-text-25em-b {
  font-size: 2.5em;
  font-weight: bolder;
}
.g-text-26em-b {
  font-size: 2.6em;
  font-weight: bolder;
}
.g-text-27em-b {
  font-size: 2.7em;
  font-weight: bolder;
}
.g-text-28em-b {
  font-size: 2.8em;
  font-weight: bolder;
}
.g-text-29em-b {
  font-size: 2.9em;
  font-weight: bolder;
}
.g-text-30em-b {
  font-size: 3em;
  font-weight: bolder;
}

/* 头像系列 */
.g-img-50 {
  border-radius: 50%;
  overflow: hidden;
}
.g-img-40 {
  border-radius: 40%;
  overflow: hidden;
}
.g-img-30 {
  border-radius: 30%;
  overflow: hidden;
}
.g-img-20 {
  border-radius: 20%;
  overflow: hidden;
}
.g-img-10 {
  border-radius: 10%;
  overflow: hidden;
}

/* 固定定位 */
.g-fixed-MANxy{
    position: fixed;
}
.g-fixed-tl {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
}
.g-fixed-top {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999999999;
}
.g-fixed-tr {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999999;
}
.g-fixed-left {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: 999999999;
}
.g-fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999999;
}
.g-fixed-right {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 999999999;
}
.g-fixed-bl {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999999;
}
.g-fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999999999;
}
.g-fixed-br {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999999999;
}
.g-fixed-l-MANy {
  position: fixed;
  left: 0;
  z-index: 999999999;
}
.g-fixed-r-MANy {
  position: fixed;
  right: 0;
  z-index: 999999999;
}

/* 绝对定位 */
.g-ab-MANxy{
    position:absolute;
}
.g-ab-tl {
  position: absolute;
  top: 0;
  left: 0;
}
.g-ab-top {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.g-ab-tr {
  position: absolute;
  top: 0;
  right: 0;
}
.g-ab-left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.g-ab-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.g-ab-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.g-ab-bl {
  position: absolute;
  bottom: 0;
  left: 0;
}
.g-ab-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.g-ab-br {
  position: absolute;
  bottom: 0;
  right: 0;
}
.g-ab-l-MANy {
  position: absolute;
  left: 0;
}
.g-ab-center-MANy {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.g-ab-r-MANy {
  position: absolute;
  right: 0;
}
.g-ab-t-MANx {
  position: absolute;
  top: 0;
}
.g-ab-center-MANx {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.g-ab-b-MANx {
  position: absolute;
  bottom: 0;
}

/* 超出显示滚动条 */
.g-sco-x{
    overflow-x: scroll;
    overflow-y: auto;
}
.g-sco-y{
    overflow-y: scroll;
    overflow-x: auto;
}
.g-sco-xy{
    overflow-y: scroll;
    overflow-x: scroll;
}
.g-ell-zero{
    /* 文字不换行 */
    white-space: nowrap;
    overflow: hidden;
}
.g-ell-one {
  /*单行文字超出显示省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g-ell-two {
  /*两行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  /*用来控制在一个块元素显示的文本行数*/
  -webkit-line-clamp: 2;
  /*将对象作为弹性伸缩盒子模型显示*/
  display: -webkit-box;
  /*设置或检索伸缩盒对象的子元素的排列方式*/
  -webkit-box-orient: vertical;
}
.g-ell-three {
  /*三行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.g-ell-four {
  /*四行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.g-ell-five {
  /*五行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.g-ell-six {
  /*六行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.g-ell-seven {
  /*七行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.g-ell-eight {
  /*八行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.g-ell-nine {
  /*九行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.g-ell-ten {
  /*十行文字超出显示为省略号*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.g-flex {
  /* 弹性布局 */
  display: flex;
}
.g-f-wrap {
  /*正向换行*/
  flex-wrap: wrap;
}
.g-f-wrap-reverse {
  /*反向换行*/
  flex-wrap: wrap-reverse;
}
.g-f-columu {
  /*竖向排列*/
  flex-direction: column;
}
.g-f-co-reverse {
  /*反向竖向排列*/
  flex-direction: column-reverse;
}
.g-f-row-reverse {
  /*反向横向排列*/
  flex-direction: row-reverse;
}

/* 主轴 */
.g-f-x-around {
  display: flex;
  justify-content: space-around;
}
.g-f-x-between {
  display: flex;
  justify-content: space-between;
}
.g-f-x-evenly {
  display: flex;
  justify-content: space-evenly;
}
.g-f-x-baseline {
  display: flex;
  justify-content: baseline;
}
.g-f-x-center {
  display: flex;
  justify-content: center;
}
.g-f-x-start {
  display: flex;
  justify-content: start;
}
.g-f-x-end {
  display: flex;
  justify-content: end;
}
.g-f-x-left {
  display: flex;
  justify-content: left;
}
.g-f-x-right {
  display: flex;
  justify-content: right;
}
.g-f-x-fstart {
  display: flex;
  justify-content: flex-start;
}
.g-f-x-fend {
  display: flex;
  justify-content: flex-end;
}
.g-f-x-inherit {
  display: flex;
  justify-content: inherit;
}
.g-f-x-initial {
  display: flex;
  justify-content: initial;
}

/* 侧轴 */
.g-f-y-baseline {
  display: flex;
  align-items: baseline;
}
.g-f-y-center {
  display: flex;
  align-items: center;
}
.g-f-y-fend {
  display: flex;
  align-items: flex-end;
}
.g-f-y-fstart {
  display: flex;
  align-items: flex-start;
}
.g-f-y-inherit {
  display: flex;
  align-items: inherit;
}
.g-f-y-initial {
  display: flex;
  align-items: initial;
}
.g-f-y-unset {
  display: flex;
  align-items: unset;
}
.g-f-y-stretch {
  display: flex;
  align-items: stretch;
}

/* 主轴+侧轴 */
.g-f-xy-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-f-xy-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.g-f-xy-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.g-f-xy-evenly-center {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.g-f-xy-left-top {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
.g-f-xy-left-bottom {
  display: flex;
  justify-content: left;
  align-items: end;
}
.g-f-xy-right-top {
  display: flex;
  justify-content: right;
  align-items: start;
}
.g-f-xy-right-bottom {
  display: flex;
  justify-content: right;
  align-items: end;
}
